<template>
 <div>
  <el-row :gutter="24">
    <el-col :span="12">
      <StudentArrearsTable ref="arrears" />
    </el-col>
    <el-col :span="12">
      <StudentPaymentTable ref="payment" />
    </el-col>
  </el-row>
 </div>
</template>

<script setup>
import {ref,reactive} from 'vue'
  import StudentArrearsTable from './StudentArrearsTable.vue';
  import StudentPaymentTable from './StudentPaymentTable.vue';
const props = defineProps({
    echo:Object
})
const arrears = ref('')
const payment = ref('')
  const init=(data)=> {
        arrears.value.init(props.echo)
        payment.value.init(props.echo)
      }
defineExpose({
    init
})
</script>

<style scoped lang='less'>

</style>